<!DOCTYPE html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <meta charset="utf-8"/>
    <title>米塔企业微云</title>
    <link href="../plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="../customize/css/iconfont.css" rel="stylesheet">
    <link href="../customize/css/iconfont.css" rel="stylesheet">
    <link href="../customize/css/content.css" rel="stylesheet">
    <style>
        .report-title{ background: url("../customize/images/reports-title.png") no-repeat; background-size: 100% 100%; height: 450px; cursor: pointer;}
        .report-title:hover{ background-image: url("../customize/images/reports-title-hover.png"); box-shadow: 0px 0px 10px 0px rgba(0,150,255,0.2);}
        .report-title .icon-wrap{ width: 80px; height: 80px; border-radius: 50%; background: rgba(0,150,255,0.6); color: rgba(255,255,255,0.6);
            margin: 144px auto 164px;}
        .report-title:hover .icon-wrap{ background: rgba(0,150,255,1); color: rgba(255,255,255,0.8);}
    </style>
</head>
<body>
    <div class="d-flex mt-3">
        <div class="flex-1 report-title" onclick="parent.toSubPage('gridReport.html')">
            <div class="icon-wrap d-flex justify-content-center align-items-center font-p48"><i class="iconfont icon-tijian1"></i></div>
            <div class="text-center text-powerOn font-p24">体检报告</div>
        </div>
        <div class="flex-1 report-title mx-3" onclick="parent.toSubPage('elecPwrReport.html')">
            <div class="icon-wrap d-flex justify-content-center align-items-center font-p48"><i class="iconfont icon-yongneng"></i></div>
            <div class="text-center text-powerOn font-p24">用能报告</div>
        </div>
        <div class="flex-1 report-title" onclick="parent.toSubPage('maintainReport.html')">
            <div class="icon-wrap d-flex justify-content-center align-items-center font-p48"><i class="iconfont icon-weibao1"></i></div>
            <div class="text-center text-powerOn font-p24">维保报告</div>
        </div>
    </div>

    <div class="d-flex mb-3" style="margin-top: 24px" >
        <div class="flex-1 report-title" onclick="parent.toSubPage('productionReport.html')">
            <div class="icon-wrap d-flex justify-content-center align-items-center font-p48"><i class="iconfont icon-shengchan"></i></div>
            <div class="text-center text-powerOn font-p24">生产报告</div>
        </div>
        <div class="flex-1 mx-3"></div>
        <div class="flex-1"></div>
    </div>
<script src="../plugins/jquery-3.4.1.min.js"></script>
<script src="../plugins/bootstrap/bootstrap.bundle.min.js"></script>
<script src="../plugins/alert.js"></script>
<script src="../customize/js/common.js"></script>
<script src="../customize/js/CommonUtils.js"></script>
<script src="../customize/js/customModalV2.js"></script>
</body>
</html>